<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--引入样式文件css-->		
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
	<!--引入jquery框架-->	
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	</head>
	<body>
		<div id="app">
			<div class="header">
				<dic class="name">东湖学院云音乐</dic>
				<div class="kongzhi-btn"></div>
			</div>
			<div class="body">
					<div class="item">
				<div class="item-name">烤面筋</div>
				<div class="item-size">5.5MB</div>
				    </div>
					
			 </div>
		     <div class="footer">
				<!-- 进度 -->
				 <div class="progress">
					 <!-- 进度条 -->
					 <div class="progress-bar"></div>
					 <!-- 歌曲时间 -->
					 <div class="time">
					 <div class="time-now">00:44</div>
					 <div class="time-total">05:40</div>
					 </div>
					 </div>
				 <div class="music-control">
				 	<div class="music-name">Beyond-大地</div>
				 	<div class="music-btn"></div>
				 </div>
			 </div>
		</div>
		<!--歌曲自动播放-->
	
		<!--引入脚本文件-->
		<script src="./js/index.js"></script>
		<!--快捷生成html代码的语法-->
		<!--ul.menu>li.item*5>a>{公司及思安}-->
		
		<!--HTML用于构建网页的结构（肉身）-->
		<!--css对于网页的美化（外貌服装）-->
		<!--Javascript:用于对于页面进行动态展视和特效处理（灵魂）-->
		<!--Jquery:轻量级Javascript框架-->
	
	</body>
</html>
